<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <style type="text/css">
    body,
    html,
    #allmap {
      width: 100%;
      height: 100%;
      overflow: hidden;
      margin: 0;
      font-family: "微软雅黑";
    }
  </style>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=2I6McaZte8jUuHxZvCTv6BuVMrPwXXYj"> </script>
  <title>文本标注</title>
</head>

<body>
  <div id="allmap"></div>
</body>

</html>
<script type="text/javascript">
  // 百度地图API功能
  var map = new BMap.Map("allmap");
  var point = new BMap.Point(116.417854, 39.921988);
  map.centerAndZoom(point, 15);

  // 配置信息 
  var opts = {
    position: point,    // 指定文本标注所在的地理位置
    offset: new BMap.Size(30, -30)    //设置文本偏移量
  }
  var label = new BMap.Label("增城", opts);  // 创建文本标注对象
  // 设置样式  label默认样式 - 边框是红色  背景是白色 
  // label.setStyle({
  //   border:"none",
  //   backgroundColor:"transparent"
  // });

  // 把设置好的文本添加到 地图上 

  // 绑定事件
  // 我们自己的猜测-  验证  有效! 
  // label.onclick=function(){
  //   console.log("label");
  // }
    // 文档里面 明确告诉我的
  label.addEventListener("click", function () {
    console.log("click");
  })

  map.addOverlay(label);   
</script>